<script type="text/javascript" src="js/addaccount.js"></script>
<div id="register-leftbg">
	
                <form id="addcustomer" name="addcustomer"  method="POST" action="?page={$smarty.get.page}" onsubmit="return onAddNewUser('addcustomer','ajaxRowgender','ajaxRowfirstname','ajaxRowlastname','ajaxRowdob','ajaxRowaddress','ajaxRowpostcode','ajaxRowcity','ajaxRowstate','ajaxRowcountry','ajaxRowtele','ajaxRowemail','ajaxRowpass','ajaxRowconfirmpass','ajaxRowcode','genderResponse','firstnameResponse','lastnameResponse','dobResponse','addressResponse','postcodeResponse','cityResponse','stateResponse','countryResponse','telephoneResponse','emailResponse','passwordResponse','passwordconfirmResponse', 'codeResponse','?page=register_success'); ">
                    <input type="hidden" name="act" value="addcustomer" />
                    <div class="register-content">
                            <div class="title-re">your personal information</div>
                            <div class="form_register">
                                <div class="row" id="ajaxRowgender">
                                    <div class="txttitle">gender :  <font color="#FF0000">*</font></div>
                                    <div>
									    <input type="radio" name="customer_gender" value="m" id="genderMale"/>
                                        male
                                        <input type="radio" name="customer_gender" value="f" id="genderFemale"/>
                                        female
                                    </div>
                                    <div id="genderResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>	
                                <div class="row" id="ajaxRowfirstname">
                                    <div class="txttitle">first name :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="customer_firstname" id="customer_firstname" size="30" maxlength="60" required />
                                    </div>
                                    <div id="firstnameResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowlastname">
                                    <div class="txttitle">last name :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="customer_lastname" id="customer_lastname" size="30" maxlength="60" required />
                                    </div>
                                    <div id="lastnameResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowdob">
                                    <div class="txttitle">date of birth :</div>
                                    <div>
                                        <input type="text" name="customer_dob" style="float:left" id="customer_dob" size="30" minLength="10" maxlength="10"/>
                                        <a href="#" id="btn_customer_dob" style="cursor: pointer">
 										<img src="view/silver/images/calendar.gif"/>
                						</a>
                                    </div>
                                    <div id="dobResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row">
                                    <div class="txttitle">company :</div>
                                    <div>
                                        <input type="text" name="entry_company" id="entry_company"  size="30" minLength="8" maxlength="255" />
                                    </div>
                                </div>
                            </div>
                        <div class="title-re">your address</div>
                            <div class="form_register">
                                <div class="row" id="ajaxRowaddress">
                                    <div class="txttitle">street :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text"  name="entry_street_address" id="entry_street_address" size="30" maxlength="60" required />
                                    </div>
                                    <div id="addressResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowpostcode">
                                    <div class="txttitle">post code :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="entry_postcode" size="30" id="entry_postcode" mask="numeric" minLength="4" maxlength="10" required />
                                    </div>
                                    <div id="postcodeResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowcity">
                                    <div class="txttitle">city :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="entry_city" id="entry_city" size="30" maxlength="60" required />
                                    </div>
                                    <div id="cityResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowstate">
                                    <div class="txttitle">state/province :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="entry_state" id="entry_state" size="30" maxlength="60" required />
                                    </div>
                                    <div id="stateResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row" id="ajaxRowcountry">
                                    <div class="txttitle">country :<font color="#FF0000">*</font></div>
                                    <div>
                                        <select name='entry_country_id' id='entry_country_id' class='postform'	
                                        onchange="checkPosition('{$smarty.server.SERVER_NAME}',this)" required>
                                            <option value=''>None</option>
                                            {foreach name=countries from=$THECOUNTRIES item=item}
                                                <option id='{$item->countries_id}' value='{$item->countries_id}'>
                                                {$item->countries_name}
                                                </option>
                                            {/foreach}
                                        </select>
                                    </div>
                                    <div id="countryResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                            </div>
                        <div class="title-re">your contact information</div>
                            <div class="form_register">
                                <div class="row" id="ajaxRowtele">
                                    <div class="txttitle">telephone number :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input type="text" name="customer_telephone" size="30" id="customer_telephone" mask="numeric" minLength="8" maxlength="255" required />
                                    </div>
                                    <div id="telephoneResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                                <div class="row">
                                    <div class="txttitle">fax :</div>
                                    <div>
                                        <input type="text" name="customer_fax" size="30" id="customer_fax" minLength="8" maxlength="255" />
                                    </div>
                                </div>
                                <div class="row" id="ajaxRowemail">
                                    <div class="txttitle">e-mail :<font color="#FF0000">*</font></div>
                                    <div>
                                        <input  type="text" name="customer_email_address" id="customer_email_address" size="30" maxlength="255" />
                                    </div>
                                    <div id="emailResponse" class="ajaxResponseRegister">&nbsp;</div>
                                </div>
                            </div>
                        <div class="title-re">your password</div>
                        <div class="form_register">
                            <div class="row" id="ajaxRowpass">
                                <div class="txttitle">password :<font color="#FF0000">*</font></div>
                                <div>
                                    <input type="password"  size="30" minLength="6" name="customer_password" id="customer_password" required />
                                </div>
                                <div id="passwordResponse" class="ajaxResponseRegister">&nbsp;</div>
                            </div>
                            <div class="row" id="ajaxRowconfirmpass">
                                <div class="txttitle">password confirmation :<font color="#FF0000">*</font></div>
                                <div>
                                    <input type="password" size="30" minLength="6" name="customer_confirmpassword" id="customer_confirmpassword"/>
                                </div>
                                <div id="passwordconfirmResponse" class="ajaxResponseRegister">&nbsp;</div>
                            </div>
                        </div>
                        <div class="title-re">code</div>
                        <div class="form_register">
                            <div class="row" id="ajaxRowcode">
                                <div class="txttitle">code :<font color="#FF0000">*</font></div>
                                <div>
                                    <div style="float:left; margin-right:5px">{$CODE}</div>
                                    <input type="text" size="8" minLength="6" name="code" style="margin:2px 0 0 0" id="code" value="" />
                                </div>
                                <div id="codeResponse" class="ajaxResponseRegister" style="height:23px">&nbsp;</div>
                            </div>
                            <div class="row">
                                <div class="txttitle">newsletter :</div>
                                <div>
                                    <input name="customer_newsletter" id="customer_newsletter" type="checkbox" value="1"/>
                                </div>    
                            </div>
                        </div>
                        <div class="row" style="font-size:10px; height:20px;"> you have to fill out all fields maked with <font color="#FF0000">*</font>. </div>
                        <p align="right">
                                <input type="submit" class="btn_sort" id="submit" value="register"/>
                                <input type="reset" class="btn_sort" value="reset" />
                    	</p>
                    </div>
      			</form>
</div>
<script type="text/javascript">
{literal}
    	Calendar.setup({
    	inputField     :    "customer_dob",     // id of the input field
        ifFormat       :    "%d-%m-%Y",      // format of the input field
        button         :    "btn_customer_dob",  // trigger for the calendar (button ID)
        //align          :    "Tl",           // alignment (defaults to "Bl")
        singleClick    :    true,
		showsTime      :    true,
		timeFormat     :    "24",
		step           :    1  
    	});
{/literal}		
</script> 